.page-container {
  /* 覆盖宫格样式 */

  @for $i from 1 through 8 {
    .grid.col-#{$i}.grid-square > view {
      padding-bottom: calc((100% - #{($i - 1) * 20}rpx) / #{$i});
      height: 0;
      width: calc((100% - #{($i - 1) * 20}rpx) / #{$i});
    }
    .grid.col-#{$i} > view {
      width: calc(100% / #{$i});
    }
    @if $i >= 3 {
      .cu-list.grid.col-#{$i} > .cu-item:nth-child(#{$i}n):after {
        border-right-width: 0;
      }
    }
    @if $i >= 2 {
      .grid.col-#{$i}.grid-square > view:nth-child(#{$i}n) {
        margin-right: 0;
      }
    }
  }
}
